<!--红蓝方数据与图表-->
<section class="teams-base-row4 flex-h-space">

    <div class="left flex-h-space">

        <div class="red">
            <h3>红方数据</h3>
            <ul class="data-li-table data-b-bottom data-bg">
                <li class="flex-h-space">
                    <div class="col col-1">胜率</div>
                    <div class="col col-2"><span class="bar" style="width: 20%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">一血</div>
                    <div class="col col-2"><span class="bar" style="width: 50%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">一塔</div>
                    <div class="col col-2"><span class="bar" style="width: 30%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">一龙</div>
                    <div class="col col-2"><span class="bar" style="width: 80%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">首先锋</div>
                    <div class="col col-2"><span class="bar" style="width: 100%;"></span></div>
                    <div class="col col-3  "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">首大龙</div>
                    <div class="col col-2"><span class="bar" style="width: 100%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">20 分钟塔数差</div>
                    <div class="col col-2"><span class="bar" style="width: 100%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">20 分钟小龙数</div>
                    <div class="col col-2"><span class="bar" style="width: 100%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">25 分钟经济差</div>
                    <div class="col col-2"><span class="bar" style="width: 100%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">10020</strong></div>
                </li>
            </ul>
        </div>

        <div class="blue">
            <h3>蓝方数据</h3>
            <ul class="data-li-table data-b-bottom data-bg">
                <li class="flex-h-space">
                    <div class="col col-1">胜率</div>
                    <div class="col col-2"><span class="bar" style="width: 20%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">一血</div>
                    <div class="col col-2"><span class="bar" style="width: 50%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">一塔</div>
                    <div class="col col-2"><span class="bar" style="width: 30%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">一龙</div>
                    <div class="col col-2"><span class="bar" style="width: 80%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">首先锋</div>
                    <div class="col col-2"><span class="bar" style="width: 100%;"></span></div>
                    <div class="col col-3  "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">首大龙</div>
                    <div class="col col-2"><span class="bar" style="width: 100%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">20 分钟塔数差</div>
                    <div class="col col-2"><span class="bar" style="width: 100%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">20 分钟小龙数</div>
                    <div class="col col-2"><span class="bar" style="width: 100%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">20</strong></div>
                </li>
                <li class="flex-h-space">
                    <div class="col col-1">25 分钟经济差</div>
                    <div class="col col-2"><span class="bar" style="width: 80%;"></span></div>
                    <div class="col col-3 "><strong class="p-yellow">10020</strong></div>
                </li>
            </ul>
        </div>

    </div>

    <div class="right p-m">
        <div class="p-m-t flex-h-space">
            <h3>数据分析图</h3>
            <span>( 实力分数 )</span>
        </div>
        <div class="p-m-c" id="teamRadar">


        </div>
    </div>

</section>